<script setup>

</script>

<template>
  <div class="home">
    <div class="layui-panel">
      <ul class="layui-nav layui-nav-tree">
        <li class="layui-nav-item">
          <router-link to="/home/category1">菜单1</router-link>
        </li>
        <li class="layui-nav-item">
          <router-link to="/home/category2">菜单2</router-link>
        </li>
        <li class="layui-nav-item">
          <router-link to="/home/category3">菜单3</router-link>
        </li>
      </ul>
      <div class="main">
        <router-view></router-view>
      </div>
    </div>
  </div>
</template>

<style scoped lang="less">
.layui-panel {
  display: flex;
  height: 500px;
}

.layui-nav {
  height: 100%;
}
.main{
  width: 100%;
}
</style>